<!DOCTYPE html>
<style>
@keyframes test {
  to {transform: rotate(360deg);}
}
#target {
  border-left: solid;
  border-top: solid;
  will-change: transform;
  animation-name: test;
  animation-duration: 2e10s;
  animation-delay: -1e10s;
  animation-timing-function: linear;
  width: 100px;
  height: 100px;
  margin: 50px;
}
</style>
The following shape should look like: _|
<div id="target"></div>
